<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./../layui/css/layui.css">
    <link rel="stylesheet" href="./../css/style.css">
    <link rel="stylesheet" href="./../css/public.css">
    <link rel="stylesheet" href="./../css/login/注册.css">
    <link rel="stylesheet" href="./../css/login/登录.css">
    <link rel="stylesheet" href="./../css/login/忘记密码.css">

    <title>Document</title>
</head>

<body>

    <nav>
        <div class="w login">
            <img src="./../image/public/logo.png" alt="">
            <span>账号安全验证</span>
        </div>
    </nav>

    <header>
        <div class="yzheng w">
            <div class="shenfen">
                <div class="top_one"></div>
                <div class="one">
                    <div class="from_tw">
                        <span class="ma">手机号或邮箱</span>
                        <input type="text" name="userphone" placeholder="请输入您的手机号或邮箱" id="userphone" lay-verify="phone">
                        <br />
                        <i class="errtu"></i>
                    </div>
                    <div class="from_tw">
                        <span class="ma">验证码</span>
                        <input type="text" name="username" id="tuxingma" placeholder="验证码" autocomplete="off">
                        <span class="yanzheng" id="yanzhengm"></span>
                        <button class="huan" id="huan">换一张</button><br />
                        <span class="errMa" id="errma">请输入正确验证码</span>
                    </div>
                    <div class="from_sbumit">
                        <a href="#" lay-submit class="tijoa">下一步</a>
                    </div>
                </div>
            </div>

            <div class="shenfen">
                <div class="top_one"></div>
                <div class="one">
                    <div class="from_tw yanshen">
                        <span class="ma">验证身份方式</span>
                        <select name="" id="">
                            <option value="">手机验证</option>
                        </select>
                    </div>
                    <div class="from_tw ">
                        <span class="ma">手机号</span>
                        <label for="">183******013</label>
                    </div>
                    <div class=" from_tw">
                        <span class="ma">请填写手机校验码</span>
                        <input type="text">
                        <button class="huoqu" id="huoqu">获取验证码</button>
                    </div>
                    <div class="from_sbumit">
                        <a href="#" lay-submit class="tijoa">下一步</a>
                    </div>
                </div>
            </div>


            <div class="shenfen">
                <div class="top_one"></div>
                <div class="one">
                    <div class="from_tw">
                        <span class="ma">设置新密码</span>
                        <input type="text" name="userphone" placeholder="6-20位字母、符号或数字" lay-verify="phone">
                        <br />
                        <i class="errtu"></i>
                    </div>
                    <div class="from_tw">
                        <span class="ma">重复密码</span>
                        <input type="text" name="userphone" placeholder="再次输入密码" lay-verify="phone">
                        <br />
                        <i class="errtu"></i>
                    </div>
                    <div class="from_sbumit">
                        <a href="#" lay-submit class="tijoa">确认</a>
                    </div>
                </div>
            </div>
            <div class="shenfen">
                <div class="top_one"></div>
                <div class="one">
                    <i class="duihao"></i>
                    恭喜你，密码已修改完成

                    <div class="from_sbumit">
                        <a href="#" lay-submit class="tijoa">重新登录</a>
                    </div>
                </div>
            </div>
        </div>
    </header>








    <footer>
        <div class="dibu w">
            <div class="footer_content">
                <h3>新手指南</h3>
                <ul>
                    <li>
                        <a href="#">账户注册</a>
                    </li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">订购方式</a></li>
                    <li><a href="#">悠币说明</a></li>
                    <li><a href="#">会员等级</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>付款方式</h3>
                <ul>
                    <li><a href="#">支付方式/ 发票说明</a></li>
                    <li><a href="#">充值说明/ 储值卡说明</a></li>
                    <li><a href="#">优惠代码/ 礼品卡说明</a></li>
                    <li><a href="#">卡券购买章程</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>配送方式</h3>
                <ul>
                    <li><a href="#">配送运费</a></li>
                    <li><a href="#">配送范围</a></li>
                    <li><a href="#">配送时间</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>售后服务</h3>
                <ul>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">退换货流程</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">投诉与建议</a></li>
                </ul>
            </div>
            <div class="footer_content">
                <h3>关于我们</h3>
                <ul>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">业务合作</a></li>
                    <li><a href="#">诚信举报</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">友情链接</a></li>
                </ul>
            </div>

            <div class="footer_phone">
                <span>客服热线 400-000-7788 企业采购或团购,请转2号键咨询 </span>
                <span>周一至周日 9:00-21:00</span>
            </div>

            <p>所有图片均受著作权保护,未经许可任何单位与个人不得使用、复制、转载、摘编、违者必究法律责任。</p>
            <p><a href="#">沪ICP备09008015</a> Copyright ©2005-2017 <a href="#">上海易果电子商务有限公司</a> 版权所有</p>
            <div class="guanan">
                <img src="./../image/public/gs01.png" alt="">
                <img src="./../image/public/footer_copy.gif" alt="">
                <img src="./../image/public/gs02.png" alt="">
                <span>沪公网安备 31010502000002</span>
            </div>
        </div>
    </footer>


    <!-- 人工 -->
    <div class="guding" id="guding"></div>


    <script src="./../layui/layui.js"></script>
    <script src="./../js/login/忘记密码.js"></script>


</body>

</html>